<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="minimum-scale=1.0,maximum-scale=1,width=device-width,user-scalable=no">
    <title>选手信息-2016好声音人气排行榜</title>
    <link rel="stylesheet" href="./css/all.css"/>
    <link rel="stylesheet" href="./css/voice-details.css"/>
    <link rel="stylesheet" href="./css/voice-include.css"/>
</head>
<body>
<div class="voiceD-head">
    <div class="lb-img">
        <!--<a href="#"><img src="./img/voice/details.jpg" alt=""/></a>-->
        <ul class="">
            <li>
                <a href=""><img src="./img/voice/details.jpg" alt=""/></a>
            </li>
            <li>
                <a href=""><img src="./img/voice/details.jpg" alt=""/></a>
            </li>
        </ul>
    </div>

    <div class="voice-detail">
        <p>林美俞</p>
        <ul class="voice-address">
            <li> <img src="./img/voice/address2.png" alt="" class="address"/> 四川 成都市</li>
            <li class="last"><i>1</i>/3</li>
        </ul>
    </div>
    <div class="ranking">
        <span>2016年度四川赛区排行榜</span><div class="triangle"></div>
    </div>
</div>
<ul class="vote">
    <li>
        <img src="./img/voice/sl.png" alt=""/>
        <div>15</div>
    </li>
    <li>
        <img src="./img/voice/sl2.png" alt=""/>
        <div>15</div>
    </li>
    <li>
        <img src="./img/voice/sl3.png" alt=""/>
        <div>150</div>
    </li>
    <li>
        <img src="./img/voice/sl4.png" alt=""/>
        <div>150票</div>
    </li>
</ul>
<table class="peopleMsg">
    <tr>
        <td class="first"><img src="./img/voice/person.png" alt=""/></td>
        <td>
            <p class="color-gray">姓名</p>
            <p class="color-deepGray">林美俞</p>
        </td>
        <td>
            <p class="color-gray">编号</p>
            <p class="color-deepGray">098</p>
        </td>
    </tr>
    <tr>
        <td class="first"><img src="./img/voice/age.png" alt="" class="ageImg"/></td>
        <td>
            <p class="color-gray">年龄</p>
            <p class="color-deepGray">25</p>
        </td>
        <td>
            <p class="color-gray">身高</p>
            <p class="color-deepGray">165</p>
        </td>
    </tr>
    <tr>
        <td class="first"><img src="./img/voice/address.png" alt=""/></td>
        <td>
            <p class="color-gray">籍贯</p>
            <p class="color-deepGray">四川-成都</p>
        </td>
        <td>
            <p class="color-gray">毕业院校</p>
            <p class="color-deepGray">四川师范大学</p>
        </td>
    </tr>
    <tr class="lastLi">
        <td class="first"></td>
        <td>
            <p class="color-gray">个人介绍</p>
            <p class="color-deepGray">舞蹈 游泳 唱歌</p>
        </td>
        <td></td>
    </tr>
</table>
<ul class="footer">
    <li>
        <!--<a href="">-->
            <img src="./img/voice/flower.png" alt="" class="flowerImg"/>
            <p>送花</p>
        <!--</a>-->
    </li>
    <li>
        <!--<a href="">-->
            <img src="./img/voice/hug.png" alt="" class="hugImg"/>
            <p>抱抱</p>
        <!--</a>-->
    </li>
    <li>
        <!--<a href="">-->
            <img src="./img/voice/vote.png" alt="" class="voteImg"/>
            <p>投票</p>
        <!--</a>-->
    </li>
</ul>
<!--排行榜弹出框-->
<div class="rank-out mask">
    <div class="mask-tableCell">
        <div class="mask-main">
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
            <div class="ranking rankMainleft">
                <span>2016年度四川赛区排行榜</span><div class="triangle rightTrg"></div>
            </div>
            <div class="outMain">
                <div class="player-ranking">如何查看选手排名</div>
                <p class="identifyCode">[长按下方图片，点击识别二维码]</p>
                <div class="codeImg">
                    <img src="./img/voice/vote-code.png" alt=""/>
                </div>
                <p class="attention">排行查询请关注好声音主办单位柒派之声微信号</p>
            </div>
        </div>

    </div>
</div>
<!--排行榜弹出框-->

<!--二次投票开始-->
<div class="mask">
    <div class="mask-tableCell">
        <div class="voteSecond">
            <div class="title">很遗憾哦！</div>
            <div class="time">请您在 <span>11:59</span> 后再参与投票~</div>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--二次投票结束-->

<!--截止投票开始-->
<div class="mask">
    <div class="mask-tableCell">
        <div class="maskInner">
            <div class="title">很遗憾哦！</div>
            <div class="time">投票时间已经截止~</div>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--截止投票结束-->

<!--送抱抱-->
<div class="mask maskOut1">
    <div class="mask-tableCell">
        <div class="hug">
            <div class="hugMain">
                <div>
                    <span>对象</span><label><strong class="name">林美俞</strong>  <i>编号：096</i></label>
                </div>
                <div>
                    <span>赠送</span>
                    <label class="hugMask-img">
                        <img src="./img/voice/sl2.png" alt=""/>
                        <img src="./img/voice/sl2.png" alt=""/>
                        <img src="./img/voice/sl2.png" alt=""/>
                        <img src="./img/voice/sl2.png" alt=""/>
                        <img src="./img/voice/sl2.png" alt=""/>
                        <img src="./img/voice/sl2.png" alt=""/>
                    </label>
                </div>
                <div>
                    <span>数量</span>
                    <label class="muns">
                        <span class="minus"><img src="./img/voice/minus.png" alt=""/></span>
                        <span class="number">1</span>
                        <span class="add"><img src="./img/voice/add.png" alt=""/></span>
                        <i>1个=6次抱抱</i>
                    </label>
                </div>
                <div>
                    <span>金额</span><label class="price">¥10 <i>[小提示：1次抱抱抵25票]</i></label>
                </div>
                <div>该投票参与了XX公益计划，组委会将为救助项目捐赠。</div>
            </div>
            <div  class="payBtn" name="1">立即支付</div>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--送抱抱-->
<!--送花-->
<div class="mask maskOut0">
    <div class="mask-tableCell">
        <div class="hug">
            <div class="hugMain">
                <div>
                    <span>对象</span><label><strong class="name">林美俞</strong>  <i>编号：096</i></label>
                </div>
                <div>
                    <span>赠送</span>
                    <label class="hugMask-img">
                        <img src="./img/voice/sl.png" alt=""/>
                        <img src="./img/voice/sl.png" alt=""/>
                        <img src="./img/voice/sl.png" alt=""/>
                        <img src="./img/voice/sl.png" alt=""/>
                        <img src="./img/voice/sl.png" alt=""/>
                        <img src="./img/voice/sl.png" alt=""/>
                    </label>
                </div>
                <div>
                    <span>数量</span>
                    <label class="muns">
                        <span class="minus"><img src="./img/voice/minus.png" alt=""/></span>
                        <span class="number">1</span>
                        <span class="add"><img src="./img/voice/add.png" alt=""/></span>
                        <i>1束=6朵花</i>
                    </label>
                </div>
                <div>
                    <span>金额</span><label class="price">¥3 <i>[小提示：1朵花抵6票]</i></label>
                </div>
                <div>该投票参与了XX公益计划，组委会将为救助项目捐赠。</div>
            </div>
            <div  class="payBtn" name="2">立即支付</div>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--送花-->
<!--抱抱成功-->
<div class="mask voteSus1">
    <div class="mask-tableCell">
        <div class="maskInner sendFlower">
            <div class="title">抱抱成功！</div>
            <div class="thankWord">感谢您对林美俞的支持~</div>
            <div class="remarks">(6个抱抱抵150票)</div>
            <div class="turnRight-code">
                <img src="./img/voice/vote-code.png" alt=""/>
            </div>
            <p class="lookRank">扫码关注好声音四川赛区官方公众号就可以查看选手的票数及排行咯</p>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--抱抱成功-->
<!--送花成功-->
<div class="mask voteSus2">
    <div class="mask-tableCell">
        <div class="maskInner sendFlower">
            <div class="title">送花成功！</div>
            <div class="thankWord">感谢您对林美俞的支持~</div>
            <div class="remarks">(6朵花抵36票)</div>
            <div class="turnRight-code">
                <img src="./img/voice/vote-code.png" alt=""/>
            </div>
            <p class="lookRank">扫码关注好声音四川赛区官方公众号就可以查看选手的票数及排行咯</p>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--送花成功-->

<!--投票成功-->
<div class="mask maskOut2">
    <div class="mask-tableCell">
        <div class="maskInner sendFlower voteSuccess">
            <div class="title">投票成功！</div>
            <div class="thankWord voteSusWord">感谢您对林美俞的支持~</div>
            <div class="turnRight-code">
                <img src="./img/voice/vote-code.png" alt=""/>
            </div>
            <p class="lookRank">扫码关注好声音四川赛区官方公众号就可以查看选手的票数及排行咯</p>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--投票成功-->
<!--关注向右转-->
<div class="mask">
    <div class="mask-tableCell">
        <div class="maskInner voteFocus" style="display: inline-block;float: none">
            <div class="player-ranking">如何查看选手排名</div>
            <p class="identifyCode">[长按下方图片，点击识别二维码]</p>
            <div class="codeImg">
                <img src="./img/voice/vote-code.png" alt=""/>
            </div>
            <p class="attention">第三方公立投票由</p>
            <p class="attention">央视微电影青春频道 提供</p>
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
        </div>
    </div>
</div>
<!--关注向右转-->
</body>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="./js/slider-H5.js"></script>
<script src="js/voice-details.js"></script>
<script src="js/voice-include.js"></script>
</html>